
<link rel="stylesheet" href="//at.alicdn.com/t/font_404203_zhmnvi4qhq0hehfr.css">
<style>
    .info-box {
        height: 85px;
        background-color: white;
        background-color: #ecf0f5;
    }

    .info-box .info-box-icon {
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
        display: block;
        float: left;
        height: 85px;
        width: 85px;
        text-align: center;
        font-size: 45px;
        line-height: 85px;
        background: rgba(0, 0, 0, 0.2);
    }

    .info-box .info-box-content {
        padding: 5px 10px;
        margin-left: 85px;
    }

    .info-box .info-box-content .info-box-text {
        display: block;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase;
    }

    .info-box .info-box-content .info-box-number {
        display: block;
        font-weight: bold;
        font-size: 18px;
    }

    .major {
        font-weight: 10px;
        color: #01AAED;
    }

    .main {
        margin-top: 25px;
    }

    .main .layui-row {
        margin: 10px 0;
    }
</style>

<div class="layui-fluid main">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md3">
                <div class="info-box">
                    <span class="info-box-icon" style="background-color:#00c0ef !important;color:white;"><i class="info-box-icon iconfont icon-shenfenzheng"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">回馈积分</span>
                        <span class="info-box-number"><{:com_number($hk_money)}></span>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="info-box">
                    <span class="info-box-icon" style="background-color:#dd4b39 !important;color:white;"><i class="info-box-icon iconfont icon-shenfenzheng"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">注册积分</span>
                        <span class="info-box-number"><{:com_number($zc_money)}></span>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="info-box">
                    <span class="info-box-icon" style="background-color:#00a65a !important;color:white;"><i class="info-box-icon iconfont icon-shenfenzheng"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">冻结积分</span>
                        <span class="info-box-number"><{:com_number($dj_money)}></span>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="info-box">
                    <span class="info-box-icon" style="background-color:#f39c12 !important;color:white;"><i class="info-box-icon iconfont icon-shenfenzheng"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">增值积分</span>
                        <span class="info-box-number"><{:com_number($zz_money)}></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md12">
                <ul class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">9月28日</h3>
                            <p>
                            </p><h3>上线新版天旺</h3>
                                <ul>
                                    <li>前台会员OA系统</li>
                                    <li>后台管理系统</li>
                                </ul>
                            <p></p>
                        </div>
                    </li>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <div class="layui-timeline-title">2017年9月28日上线</div>
                        </div>
                    </li>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <div class="layui-timeline-title">更新日志</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
